// @import './reset.scss';
.engine_header{
	margin-bottom: 0;
	.logo{
		display: flex;
		align-items: center;
		margin-right: 18px;
	}
}
.carousel-inner > .item > img{
	width: 100%;
}

.hotgame{
	.container{
		position: relative;
			.hots{
				position: absolute;
				top: 0;
				left: 0;
				width: 0;
				height: 100px;
				display: flex;
				border: 20px solid #e14738;
				border-bottom-color: transparent;
				justify-content: center;
				align-items: center;
				p{
					color: white;
					font-size: 20px;
					background-color: #e14738;
				}
			}
			.frist_hots,.second_hots{
				padding-top: 34px;
				.col-md-8{
					padding-left: 0;
					h1{
						margin-top: 0;
					}
					p{
						line-height: 2;
						text-indent: 28px;
						text-align: justify;
						margin-bottom: 20px;
						color: #898989;
					}
					.col-md-6{
						margin-bottom: 20px;
					}
				}
			}
			.frist_hots{
				margin-bottom: 30px;
				.col-md-8{
					h1{
						text-align: right;
					}
				}	
			}
			.second_hots{
				margin-bottom: 80px;
				
				.col-md-8{
					h1{
						text-align: left;
					}
				}	
			}
		
	}
}

.gamelist{
	margin-bottom: 60px;
	.container{
		h1{
			margin-bottom: 30px;
		}
		.col-md-4{
			margin-bottom: 30px;
			.list_box{
				border-radius: 7px;
				overflow: hidden;
				position: relative;
				.img-responsive{
					width: 100%;
				}
				.game_hid{
					position: absolute;
					top: -160px;
					left: 0;
					width: 100%;
					height: 100%;
					
					background-color: rgba(0,0,0,.6);
					padding: 15px;
					transition: all .5s;
					p{
						color: white;
						text-align: justify;
						margin: 0;
					}
				}
				&:hover .game_hid{
					top: 0;
				}
			}
			p{
				margin-top: 10px;
				text-align: center;
			}
		}
		
	}
}

.footer{
	height: 113px;
	background-color: #3b3b3b;
	display: flex;
	align-items: center;
	.foot_box{
		width: 80%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		&::before{
			content: none;
		}
		&::after{
			content: none;
		}
		.foot_left{
			color: #9c9ea5;
			width: 430px;
			ul{
				list-style: none;
				display: flex;
				justify-content: flex-start;
				padding: 0;
				li{
					margin-right: 10px;
				}
			}
		}
		.foot_right{
			display: flex;
			width: 200px;
			&>div{
				margin-right: 20px;
			}
		}
	}
	
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.container{
		.logo{
			margin-right: 0;
		}
		.navbar-brand{
			padding-right: 3px;
			padding-left: 3px;
		}
		.nav>li>a{
			padding-right: 5px;
			padding-left: 5px;
		}
	}
	
	.hotgame{
		.container{
			.frist_hots,.second_hots{
				.col-md-4{
					img{
						margin: 0 auto ;
					}
				}
			}
		}
	}
	.gamelist{
		margin-bottom: 20px;
		.container{
			h1{
				text-align: center;
				margin-bottom: 30px;
			}
		}
	}
	
	.footer{
		.foot_box{
			margin: 0 15px;
			width: 100%;
			
		}
	}
	
}
@media only screen and (max-width:767px) {
	.engine{
		padding-top: 10px;
		h1,h3{
			text-align: center;
		}
		.advantage_list {
			margin-left: 50px;
		}
	}
	
	.gamelist{
		margin-bottom: 20px;
		.container{
			h1{
				text-align: center;
				margin-bottom: 20px;
			}
		}
	}
	
	.footer{
		.foot_box{
			width: 95%;
			padding: 0;
			.foot_left,.foot_right{
				padding: 0;
			}
			.foot_left{
				width: 100%;
				ul,p{
					width: 100%;
				}
				ul{
					margin-bottom: 5px;
				}
				p{
					margin-bottom: 5px;
					text-align: justify;
				}
			}
			.foot_right{
				width: 100%;
				justify-content: flex-end;
				.foot_icon{
					width: 28px;
				}
			}
		}
	}
}